
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <title>订单详情</title>
    <link rel="stylesheet" href="../../styles/h5/reset.min.css"/>
    <link rel="stylesheet" href="../../styles/h5/errortankuang.css"/>
    <!--以上为公共css样式-->
    <link rel="stylesheet" href="../../styles/h5/index.css"/>

    <script charset="utf-8" type="text/javascript" src="../../scripts/h5/jquery-1.9.1.min.js"></script>
    <script charset="utf-8" type="text/javascript" src="../../scripts/h5/jquery.modal.js"></script>
    <!--以上为公共js文件-->
</head>
<body>
<div class="zz-top"></div>
<div class="zz-list">
    <ul>
        <li>
            <span class="zz-bank zz-pay-money">交易金额(元)</span>
            <span class="zz-replace zz-transaction-color zz-font-32 zz-amt">+10.11</span>
        </li>
    </ul>
</div>
<div class="zz-top"></div>
<div class="zz-order-list ">
    <ul>
        <li>
            <span class="zz-left">交易时间</span>
            <span class="zz-right zz-tradingTime"></span>
        </li>
        <li>
            <span class="zz-left">付款方式</span>
            <span class="zz-right zz-payment-method"></span>
        </li>
        <li>
            <span class="zz-left">付款人</span>
            <span class="zz-right zz-drawee"></span>
        </li>
        <li>
            <span class="zz-left">交易单号</span>
            <span class="zz-right zz-trading-num"></span>
        </li>
        <li>
            <span class="zz-left">交易门店</span>
            <span class="zz-right zz-trading-store"></span>
        </li>
    </ul>
</div>
<!--<input class="footer bg zz-footTop" type="button" value="申请退款">-->

</body>
<script charset="utf-8" type="text/javascript" src="../../scripts/h5/utils.js"></script>
<script charset="utf-8" type="text/javascript" src="../../scripts/h5/index.js"></script>
<script charset="utf-8" type="text/javascript">

    var queryURLParameter = utils.queryURLParameter();
    var tradeNo = queryURLParameter.tradeNo;
    var tradingStore = queryURLParameter.tradingStore;
    var paymentUserName = queryURLParameter.paymentUserName;
    $(".zz-trading-store").html(tradingStore);

    $.ajax({
        url: utils.ajaxUrl()+"h5/billDetail/getPayOrderInfo",
        async: false,
        data: {
            tradeNo: tradeNo
        },
        type: 'get',
        success: function (res) {
        	var res = JSON.parse(res);
        	//console.log(res);
            if (res && res.retCode == '1') {
                var data = res["payOrder"];
                $(".zz-amt").html("+"+data["amountY"]);
                $(".zz-tradingTime").html(data["inTime"]);
                if (data["payType"] == 1) {
                    $(".zz-payment-method").html("立马付-微信");
                } else if(data["payType"] == 2) {
                    $(".zz-payment-method").html("立马付-支付宝");
                }else if(data["payType"] == 3){
                    $(".zz-payment-method").html("微信公众号支付");
                }
                $(".zz-trading-num").html(data["tradeNo"]);
                $(".zz-drawee").html(data["paymentUserName"]);
            } else {
                new $.modal({
                    content: res.retMsg,//弹框内容
                    showcontent: true,//false为弹出框组件二，true为弹出框组件一
                }).show();
            }
        }
    });

</script>
</html>